$(function(){
	//用户信息tab切换
	$('.userTit li').click(function() {
		i = $(this).index();
		$('.tab1').eq(i).show().siblings('.tab1').hide();
	});
	//修改头像tab切换
	$('.tabtie li').click(function() {
		m = $(this).index();
		$('.uuserImgTb1').eq(m).show().siblings('.uuserImgTb1').hide();
	});
	//点击切换选中
	$(".imgright li").click(function(){
		h = $(this).index();		
		left = parseInt($(".imgright li").eq(h).offset().left);
		top =  parseInt($(".imgright li").eq(h).offset().top);
		url = $(".imgright li").eq(h).find('img').attr('src');
		$('.userImgChoose').attr('src',url);
		$('.borderOn').show().stop().animate({'left':left+'px',"top":$(this).offset().top+'px'});
	})
	//异步保存头像
	$('.s2').click(function(){
		username = $('.username').html();
		userImg = $('.userImgChoose').attr('src');
		$.ajax({
			data:'img='+ userImg +'&username='+username,
			type:'post',
			url:controller +"/savaUserImg",
			success:function(msg){
				if(msg == 1){
					$('.saveBackInfo').html('修改成功');
					setTimeout(function(){
						$('.saveBackInfo').html('');
					},3000);
				}else{
					$('.saveBackInfo').html('修改失败');
					setTimeout(function(){
						$('.saveBackInfo').html('');
					},3000);
				}
			}
		})
	})
	//保存上传图像
	$('.s1').click(function(){
		username = $('.username').html();
		userImg = $('.rightImg img').attr('src');
				$.ajax({
			data:'img='+ userImg +'&username='+username,
			type:'post',
			url:controller +"/savaUserImg",
			success:function(msg){
				if(msg == 1){
					$('.saveBackInfo').html('保存成功');
					setTimeout(function(){
						$('.saveBackInfo').html('');
					},3000);
				}else{
					$('.saveBackInfo').html('保存失败');
					setTimeout(function(){
						$('.saveBackInfo').html('');
					},3000);
				}
			}
		})
	})
	//初始化上传css
	$("#listIMg").css({'height':'25px','width': '65px',  'position': 'relative',  'top': '130px', 'left': '100px'})
})